<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">

  <!-- CoCreate UI -->
  
  <link rel="stylesheet" href="../../css/CoCreate.min.css" type="text/css" />

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" crossorigin="anonymous" />    
  
</head>

<style>

</style>

<body>
		<div data-main_content_id="content">
    
    <div id="board" class="display:flex overflow:overlay height:100vh-minus-70px flex-wrap:wrap:nowrap flex-dirction:row" name='board' data-collection="module_activity" data-document_id="" data-pass_id="me1234">
     <div class="display:flex flex-wrap:wrap " 
        data-document_id=""
                data-pass_id="fetch_value"

        >

      <!-- Template wrapper 1-->
      <div class="template-wrapper display:flex flex-wrap:wrap sortable" data-group_name="stage"
        data-fetch_collection="module_activity"
        data-pass_to="stage" 
        data-pass_id="fetch_value"
        data-fetch_name="module_id" 
        data-fetch_value="5e6d79f9d8cdbe53927a0443"
        data-document_id=""
        data-fetch_count=""
        data-order_by="" 
        data-order_type="asc"
        data-template_id="filter_test"
        data-search_type="or"
        >
        
        <!-- template 1 -->
        <div class="width:300px margin:0px_10px margin:10px_0px background:whitesmoke template" 
          data-template_id="filter_test" id="stage">
            <div class="overflow:overlay height:percent-120px padding:10px">

        <!-- template-wrapper 2 -->
              <div class="template-wrapper display:flex flex-wrap:wrap sortable" data-group_name="test2"
                  data-fetch_collection="module_activity"
                  data-pass_to="me1234"
                  data-pass_id="stage"
                  data-fetch_name="stage" 
                  data-fetch_value="" 
                  data-fetch_count=""
                  data-order_by="stage-index_position"
                  data-order_type="asc"
                  data-template_id=""
                  style="flex-direction: column;">

                <!-- template 2 -->
                  <div class="card margin-bottom:10px template padding:10px" data-pass_id="stage">
                      <h4 data-pass_id="me1234" name="name">hello</h4>
                  </div>
              </div>
            </div>
          </div>

 		</div>
 	</div>	
 	<a data-clone_id="stage" class="position:fixed bottom:15px right:15px background:dodgerblue grow-hover round cloneBtn"><i class="fas fa-plus"></i></a>

 	</div>
  
  <script>
    var config = {
      apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
            organization_Id: '5de0387b12e200ea63204d6c'
    }
  </script>

  <!--CoCreateJS-->
  

  <script src="https://server.cocreate.app/js/socket.io.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-logic.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-utils.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-document_id.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-form.js"></script> 
  <script src="https://server.cocreate.app/js/CoCreate-filter.js"></script> 
  <script src="https://server.cocreate.app/js/CoCreate-templating.js"></script>
  
  <script src="https://server.cocreate.app/js/CoCreate-clone.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-savefetch.js"></script>
  
  <script src="https://server.cocreate.app/js/CoCreate-htmltags.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-input.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-sort.js"></script>
  <script src="https://server.cocreate.app/CoCreate-yjs/y-client/dist/CoCreate-y.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-collaboration.js"></script>
  <script src="https://server.cocreate.app/js/CoCreate-text.js"></script>

  
  <script src="https://server.cocreate.app/CoCreate-plugins/CoCreate-modal/src/CoCreate-modal.js"></script>

  <script src="https://server.cocreate.app/js/CoCreate-select.js"></script>
  <script type="text/javascript" src="https://server.cocreate.app/CoCreate-yjs/quill/dist/CoCreate-quill.js" async></script>
  <script type="text/javascript" src="https://server.cocreate.app/CoCreate-yjs/codemirror/dist/CoCreate-codemirror.js" async></script>


</body>
</html>